import React from 'react'; 
import Footer from '../../component/footer/footer.js';
import Sider from '../../component/menu/menu.js';
import ContentMain from '../../component/contentMain/contentMain.js';
import BreadcrumbNav from '../../component/breadcrumb/breadcrumb'
import StyleModule from './index.scss';
import { message } from 'antd';
import MenuData from '../../utils/menuData'
import cookie from 'react-cookies'
import NextMenu from "../../component/nextMenu/nextMenu"
import urlConfig from '../../utils/urlConfig'
class Index extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            active: '',
            home_label: [],
            showLabel: true,
            showChildrenMenu: 0,//是否显示三级菜单列表
            warnCount: '',
            queueCount: '',
            current:''
        }
    }
	componentDidMount(){
        this.setUrlConfig()
        window.__sogou_secure_input = {};
        window.__sogou_secure_input.check = function () { };
        if (!cookie.load('station_console_setting_web_login') || !cookie.load('station_console_setting_web_login').auth_token) {
            this.isLogin();
            return;
        }
        // let post_data = {
        //     auth_token:cookie.load('station_console_setting_web_login').auth_token
        // }
        // getUserMenu(post_data).then(res => {
        //     let _this = this;
        //     const menu_list = res.data;
        //     this.setState({
        //         menu_list
        //     }, () => {
        //         // _this.getPath()
               
        //     })

        // })

        // MenuData.data().then(data => {
        //     let _this = this;
        //     const menu_list = data;
        //     this.setState({
        //         menu_list
        //     }, () => {
        //         // _this.getPath()
               
        //     })
        // })
      
    }
    componentWillReceiveProps() {
        //页面切换时导航选中选项设置为切换后当前页面选项。
        
        // this.getPath();
    }
    setUrlConfig = () => {
        urlConfig.data(res => {
            console.log(res, '地址信息11111111111111')
        })
    }
    isLogin = () => {
        if (!cookie.load('station_console_setting_web_login') || !cookie.load('station_console_setting_web_login').auth_token){
            message.error('您暂未登录，请登录！', 1, () => {
                this.props.history.push({ pathname: `/login` })
            })
        } 
    }
    toLink = link => {
        this.props.history.push({ pathname: '/index/' + link });
    }
    //设置当前页面是否显示三级菜单  需后端菜单接口返回是否显示三级字段 例如：is_childrenMenu
    // getPath = e => {
    //     this.isLogin();
    //     const pathSnippets = window.location.pathname.split('/').filter(i => i);
    //     const { menu_list } = this.state;
    //     console.log(menu_list)
    //     menu_list.forEach((item, i) => {
    //         if (!item.children) {
    //             const url = pathSnippets[2] ? pathSnippets[1] + '/' + pathSnippets[2] : pathSnippets[1]
    //             if (item.menu_url === url) {
    //                 this.setState({
    //                     showChildrenMenu: item.is_childrenMenu,
    //                     current:item.id
    //                 },()=>{
    //                     console.log(this.state.current)
    //                 })
    //             }
    //             return;
    //         }
    //         item.children.forEach((el, ind) => {
    //             const url = pathSnippets[1] + '/' + pathSnippets[2]
    //             if (el.menu_url === url) {
    //                 this.setState({
    //                     showChildrenMenu: item.is_childrenMenu,
    //                     current:el.id
    //                 },()=>{
    //                     console.log(this.state.current)
    //                 })
    //             }
    //         })
    //     })
    // }


	render(){
        const { showChildrenMenu } = this.state;
        if (!cookie.load('station_console_setting_web_login') || !cookie.load('station_console_setting_web_login').auth_token) {
            return ('');
        }
		return(
			<div className={StyleModule.App}>
				<div className={StyleModule.container}>
					<div className={StyleModule.nav_bar} id="nav_bar">
						<ul className={StyleModule.nav}>
							<Sider   />
						</ul>
					</div>
                    {/* <NextMenu /> */}
                    {/* 次级菜单 */}
                    {/* {showChildrenMenu === '1' ? <div className={StyleModule.nav_bar_child_list}>
                       ssssssssss
                    </div> : ''} */}
                    {/* 右侧大菜单 */}
                    <div className={StyleModule.conent} id="conent">
						<div className={StyleModule.ContentMain} id="ContentMain">
                             {/* 面包屑组件 */}
					        {/* <BreadcrumbNav />   */}
							<ContentMain />
						</div>
						<Footer />
					</div>
				</div>
			</div>
		)
	}
}

export default Index;